home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 April / PCWorld_2008-04_cd.bin / komercni software / miton / SystemMechanic7Pro.exe / {app} / smhtml.dll / 1033 / HTML / DEFAULT.CSS < prev    next >
Cascading Style Sheet File  |  2008-01-24  |  14KB  |  617 lines
  1. @charset "utf-8";
  2. html {
  3.     height: 100%;
  4.     overflow-x:hidden;
  5.     overflow-y:auto;
  6. }
  7. body {
  8.     margin: 15px;
  9.     border: 1 solid #222;
  10.     background-color: #FFFFFF;
  11.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  12.     font-size:11px;
  13.     font-weight:normal;
  14.     color:#222222;
  15. }
  16. .body_gray_scrollbar {
  17.     overflow:hidden;
  18. }
  19. /*  scrollbar-3dlight-color:#444547;
  20. scrollbar-arrow-color:#404142;
  21. scrollbar-base-color:#434445;
  22. scrollbar-darkshadow-color:#434445;
  23. scrollbar-face-color:#454547;
  24. scrollbar-highlight-color:#454547;
  25. scrollbar-shadow-color:#3a3a3a*/
  26.  
  27.  
  28. a {
  29.     color:#4170c0;
  30.     text-decoration:none;
  31. }
  32. a:hover {
  33.     text-decoration:underline;
  34. }
  35. a.dropdown_link {
  36.     background:url(G_link_dropdown_arrow.gif) no-repeat center right;
  37.     padding-right:8px;
  38. }
  39. .bold {
  40.     font-weight:bold
  41. }
  42. .status {
  43.     font-weight:bold
  44. }
  45. .green {
  46.     color:#008000
  47. }
  48. .blue {
  49.     color:#4070BF
  50. }
  51. .red {
  52.     color:#C80D0D
  53. }
  54. .gray {
  55.     color:#404040
  56. }
  57. .orange {
  58.     color:#EF8010
  59. }
  60. .yellow {
  61.     color:#CA9C00
  62. }
  63. .font12 {
  64.     font-size:12px
  65. }
  66. .hand {
  67.     cursor:pointer;
  68. }
  69. img {
  70.     border:0
  71. }
  72. img.icon {
  73.     margin-right: 12px;
  74. }
  75. .bg_selected_lightblue {
  76.     background-color:#f0fbff
  77. }
  78. .bg_selected_darkblue {
  79.     background-color:#d4e4f7
  80. }
  81. .floatR {
  82.     float:right
  83. }
  84. .floatL {
  85.     float:left
  86. }
  87. .graph {
  88.     margin-top: 10px;
  89.     width: 335px;
  90.     display: block;
  91. }
  92. .clear {
  93.     clear:both
  94. }
  95. .loading p {
  96.     margin-top:0;
  97.     margin-bottom:10px;
  98. }
  99. #page_heading {
  100.     background:url(images/top_heading_bg.gif) repeat-x left top;
  101.     border-top:1px solid #c0c0c0;
  102.     border-right:1px solid #404040;
  103.     border-left:1px solid #b9b9b9;
  104.     border-bottom:1px solid #404040;
  105.     width:100%-20px;
  106.     margin:0;
  107.     padding-top:8px;
  108.     padding-left:2%;
  109.     height:30px;
  110.     color:#FFFFFF;
  111.     font-size:17px;
  112.     font-weight:normal;
  113. }
  114. #content {
  115.     width:100%-36px;
  116.     padding:3% 2%;
  117.     height: 94%-37px;
  118.     display: block;
  119. }
  120. .icon_margin_small {
  121.     margin-right:3px
  122. }
  123. /****Module Box *****/
  124.  
  125. .modulebox {
  126.     width: 519px !important;
  127.     width: 519px;
  128.     margin-bottom: 15px;
  129. }
  130. .modulebox_topborder {
  131.     height:19px;
  132.     background: url(G_module_box_heading_bg_middle.gif) top right repeat-x;
  133.     padding-top:5px;
  134.     width: 485px;
  135.     float: left;
  136.     margin-left: 5px;
  137. }
  138. .modulebox_topright {
  139.     background: url(G_module_box_heading_bg_right.gif) top right no-repeat;
  140.     height:24px;
  141.     width:5px;
  142.     float: right;
  143. }
  144. .modulebox_body {
  145.     clear:both;
  146.     background-position: bottom left;
  147.     border-right:1px solid #ccc;
  148.     border-left:1px solid #ccc;
  149.     padding: 15px;
  150.     padding-bottom:10px;
  151. }
  152. .modulebox_body_nopadding {
  153.     border-right:1px solid #ccc;
  154.     border-left:1px solid #ccc;
  155.     padding: 0px;
  156. }
  157. .module_heading {
  158.     font-weight:bold;
  159.     color:#FFFFFF;
  160.     margin-left:5px;
  161. }
  162. .module_heading_note {
  163.     color:#FFFFFF;
  164.     font-weight: normal;
  165. }
  166. .modulebox_bottomleft {
  167.     background: url(G_modulebox_bl.gif) bottom left no-repeat;
  168.     height:5px;
  169.     margin-top:0px;
  170. }
  171. .modulebox_bottomborder {
  172.     border-bottom:1px solid #ccc;
  173.     margin-left:5px;
  174.     margin-right:5px;
  175.     height:4px
  176. }
  177. .modulebox_bottomright {
  178.     background: url(G_modulebox_br.gif) top right no-repeat;
  179.     height:5px;
  180.     width:5px;
  181.     float:right;
  182.     margin-top:-5px;
  183. }
  184. .modulebox td.dock {
  185.     border-left:1px solid #ccc;
  186.     border-right:1px solid #ccc;
  187.     height:24px;
  188.     padding-left:10px;
  189.     background-color:#fff6d0;
  190.     background-image:url(G_dock_bg.gif);
  191.     background-position:top right;
  192.     background-repeat:no-repeat;
  193.     border-bottom:1px solid #ccc;
  194. }
  195. /***********Module Item **********/
  196. .module_item_heading {
  197.     display:block;
  198.     font-weight:bold
  199. }
  200. .module_items td {
  201. /*vertical-align:top;*/
  202. }
  203. .module_items td.action_buttons_col {
  204.     text-align:right;
  205.     min-width: 100px;
  206.     vertical-align:top;
  207. }
  208. /***Module Item List****/
  209. .list td {
  210.     vertical-align:top;
  211.     padding:10px 10px;
  212.     border-top: 1px solid #ccc;
  213. }
  214. .toprow td {
  215.     vertical-align:top;
  216.     border-top:0;
  217.  
  218. }
  219. td.action_buttons_col {
  220.     width:auto;
  221. }
  222. /*******Detail Rounded Corner Box*******/
  223. .detail_box {
  224.     background: url(G_detail_box_tl.gif) top left no-repeat;
  225.     width:100%;
  226.     margin-top:10px;
  227.     background-color:#f7f7f7;
  228. }
  229. .detail_box_topborder {
  230.     border-top:1px solid #ccc;
  231.     margin-left:5px;
  232.     margin-right:5px;
  233.     height: 4px;
  234. }
  235. .detail_box_topright {
  236.     background: url(G_detail_box_tr.gif) top right no-repeat;
  237.     height:5px;
  238.     width:5px;
  239.     float: right;
  240.     margin-top: -5px;
  241. }
  242. .detail_box_body {
  243.     clear:both;
  244.     border-right:1px solid #ccc;
  245.     border-left:1px solid #ccc;
  246.     margin:0;
  247.     padding:5px 10px 10px 10px;
  248.     background-color:#f7f7f7;
  249.     margin-top:-1px;
  250. }
  251. .detail_box_body_nopadding {
  252.     clear:both;
  253.     border-right:1px solid #ccc;
  254.     border-left:1px solid #ccc;
  255.     margin:0;
  256.     padding:0;
  257.     background-color:#f7f7f7;
  258.     margin-top:-1px;
  259. }
  260. .detail_box_bottomleft {
  261.     background: #f7f7f7 url(G_detail_box_bl.gif) bottom left no-repeat;
  262.     height:5px;
  263.     margin-top: -1px;
  264. }
  265. .detail_box_bottomborder {
  266.     border-bottom:1px solid #ccc;
  267.     margin-left:5px;
  268.     margin-right:5px;
  269.     height:4px
  270. }
  271. .detail_box_bottomright {
  272.     background: url(G_detail_box_br.gif) top right no-repeat;
  273.     height:5px;
  274.     width:5px;
  275.     float:right;
  276.     margin-top:-5px;
  277. }
  278. /***********************Global button styles***********************************/
  279. /************Default Buttons***********/
  280. .button_floatR {
  281.     float:right;
  282.     margin-left:6px;
  283. }
  284. /************Default Buttons***********/
  285. a.button {
  286.     background: transparent url('G_button_a.gif') no-repeat scroll top right;
  287.     color: #383838;
  288.     display: block;
  289.     font: normal 11px Tahoma, arial, sans-serif;
  290.     height: 21px;
  291.     padding-right: 10px; /* sliding doors padding */
  292.     text-decoration: none;
  293. }
  294. a.button .bt_left {
  295.     background: transparent url('G_button_span.gif') no-repeat;
  296.     display: block;
  297.     line-height: 11px;
  298.     padding: 5px 0 5px 10px;
  299.     text-decoration: none;
  300. }
  301. a.button .bt_left .label {
  302.     text-align:center;
  303.     display:block;
  304.     text-decoration: none;
  305. }
  306. a.button:link {
  307.     text-decoration:none
  308. }
  309. a.button:visited {
  310.     text-decoration:none
  311. }
  312. a.button:hover {
  313.     text-decoration:none
  314. }
  315. a.button:active {
  316.     text-decoration:none
  317. }
  318.  
  319. a.button_hover {
  320.     background: transparent url('G_button_a.gif') no-repeat scroll -21px right;
  321.     color: #383838;
  322.     display: block;
  323.     font: normal 11px Tahoma, arial, sans-serif;
  324.     height: 21px;
  325.     padding-right: 10px; /* sliding doors padding */
  326.     text-decoration: none;
  327.     outline: none; /* hide dotted outline in Firefox */
  328. }
  329. a.button_hover .bt_left {
  330.     background: transparent url('G_button_span.gif') no-repeat scroll -21px left;
  331.     display: block;
  332.     line-height: 11px;
  333.     padding: 5px 0 5px 10px;
  334.     text-decoration: none;
  335. }
  336. a.button_hover .bt_left .label {
  337.     text-align:center;
  338.     display:block;
  339.     text-decoration: none;
  340. }
  341. a.button_hover:link {
  342.     text-decoration:none
  343. }
  344. a.button_hover:visited {
  345.     text-decoration:none
  346. }
  347. a.button_hover:hover {
  348.     text-decoration:none
  349. }
  350. a.button_hover:active {
  351.     text-decoration:none
  352. }
  353.  
  354. a.button_active {
  355.     background: transparent url('G_button_a.gif') no-repeat scroll -42px right;
  356.     display: block;
  357.     font: normal 11px Tahoma, arial, sans-serif;
  358.     height: 21px;
  359.     padding-right: 10px; 
  360.     color: #222222;
  361.     outline: none; 
  362.     text-decoration: none;
  363. }
  364. a.button_active .bt_left {
  365.     background: transparent url('G_button_span.gif') no-repeat -42px left;
  366.     display: block;
  367.     line-height: 11px;
  368.     padding: 5px 0 5px 10px;
  369.     text-decoration: none;
  370. }
  371. a.button_active .bt_left .label {
  372.     text-align:center;
  373.     display:block;
  374.     text-decoration: none;
  375. }
  376. a.button_active:link{
  377.     text-decoration:none
  378. } 
  379. a.button_active:visited {
  380.     text-decoration:none
  381. }
  382. a.button_active:hover {
  383.     text-decoration:none
  384. }
  385. a.button_active:active {
  386.     text-decoration:none
  387. }
  388. /************Highlighted Buttons***********/
  389. a.button_highlighted {
  390.     background: transparent url('G_button_highlighted_a.gif') no-repeat scroll top right;
  391.     color: #383838;
  392.     display: block;
  393.     font: normal 11px Tahoma, arial, sans-serif;
  394.     height: 21px;
  395.     padding-right: 10px; /* sliding doors padding */
  396.     text-decoration: none;
  397. }
  398. a.button_highlighted .bt_left {
  399.     background: transparent url('G_button_highlighted_span.gif') no-repeat;
  400.     display: block;
  401.     line-height: 11px;
  402.     padding: 5px 0 5px 10px;
  403. }
  404. a.button_highlighted .bt_left .label {
  405.     text-align:center;
  406.     display:block;
  407. }
  408. a.button_highlighted:link {
  409.     text-decoration:none
  410. }
  411. a.button_highlighted:visited {
  412.     text-decoration:none
  413. }
  414. a.button_highlighted:hover {
  415.     text-decoration:none
  416. }
  417. a.button_highlighted:active {
  418.     text-decoration:none
  419. }
  420.  
  421. a.button_highlighted:active {
  422.     background-position: -42px right;
  423.     color: #222222;
  424.     outline: none; /* hide dotted outline in Firefox */
  425. }
  426. a.button_highlighted:active .bt_left {
  427.     background-position: -42px left;
  428.     padding: 5px 0 5px 10px;
  429. }
  430.  
  431. /************Disabled Buttons***********/
  432. a.button_disabled {
  433.     background: transparent url('G_button_disabled_a.gif') no-repeat scroll top right;
  434.     color: #8d8d8d;
  435.     display: block;
  436.     font: normal 11px Tahoma, arial, sans-serif;
  437.     height: 21px;
  438.     padding-right: 10px; /* sliding doors padding */
  439.     text-decoration: none;
  440.     cursor:default;
  441.     width:73px;
  442. }
  443. a.button_disabled .bt_left {
  444.     background: transparent url('G_button_disabled_span.gif') no-repeat;
  445.     display: block;
  446.     line-height: 11px;
  447.     padding: 5px 0 5px 10px;
  448. }
  449. a.button_disabled .bt_left .label {
  450.     text-align:center;
  451.     padding:0 4px;
  452.     display:block;
  453. }
  454. a.button_disabled:hover {
  455.     outline: none; /* hide dotted outline in Firefox */
  456. }
  457. a.button_disabled:hover .bt_left {
  458.     padding: 5px 0 5px 10px; /* push text down 1px */
  459. }
  460. a.button_disabled:active {
  461.     outline: none; /* hide dotted outline in Firefox */
  462. }
  463. a.button_disabled:active .bt_left {
  464.     padding: 5px 0 5px 10px;
  465. }
  466. /************Drop-Down Buttons***********/
  467. .button_dropdown {
  468.     width:auto;
  469.     clear:both
  470. }
  471. .button_dropdown a {
  472.     text-decoration:none
  473. }
  474. .button_dropdown a:hover {
  475.     text-decoration:none
  476. }
  477. /*Idle State*/
  478. a.button_dropdown_left {
  479.     background: transparent url('G_button_dropdown_middle.gif') no-repeat scroll top right;
  480.     color: #383838;
  481.     display: block;
  482.     font: normal 11px Tahoma, arial, sans-serif;
  483.     height: 21px;
  484.     padding-right: 10px; /* sliding doors padding */
  485.     text-decoration: none;
  486.     float: left;
  487. }
  488. a.button_dropdown_left .bt_left {
  489.     background: transparent url('G_button_span.gif') no-repeat;
  490.     display: block;
  491.     line-height: 11px;
  492.     padding: 5px 0 5px 10px;
  493. }
  494. a.button_dropdown_left .bt_left .label {
  495.     text-align:center;
  496.     display:block;
  497. }/*change the left and right padding to increase the button width*/
  498. a.button_dropdown_right {
  499.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll top right;
  500.     color: #383838;
  501.     display: block;
  502.     font: normal 11px Tahoma, arial, sans-serif;
  503.     height: 21px;
  504.     width:15px;
  505.     text-decoration: none;
  506. }
  507. /*Hover State - Label */
  508. a.button_dropdown_left_hover {
  509.     background: transparent url('G_button_dropdown_middle.gif') no-repeat scroll -21px right;
  510.     color: #383838;
  511.     display: block;
  512.     font: normal 11px Tahoma, arial, sans-serif;
  513.     height: 21px;
  514.     padding-right: 10px; /* sliding doors padding */
  515.     text-decoration: none;
  516.     float: left;
  517. }
  518. a.button_dropdown_left_hover .bt_left {
  519.     background: transparent url('G_button_span.gif') no-repeat -21px left;
  520.     display: block;
  521.     line-height: 11px;
  522.     padding: 5px 0 5px 10px;
  523.     outline: none; /* hide dotted outline in Firefox */
  524.     ;
  525. }
  526. a.button_dropdown_left_hover .bt_left .label {
  527.     text-align:center;
  528.     display:block;
  529. }/*change the left and right padding to increase the button width*/
  530. a.button_dropdown_right_hover {
  531.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll -21px right;
  532.     color: #383838;
  533.     display: block;
  534.     font: normal 11px Tahoma, arial, sans-serif;
  535.     height: 21px;
  536.     width:15px;
  537.     text-decoration: none;
  538.     outline: none; /* hide dotted outline in Firefox */
  539. }
  540. /*Hover State - Arrow */
  541. a.button_dropdown_right_hover_highlighted {
  542.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll -63px right;
  543.     color: #383838;
  544.     display: block;
  545.     font: normal 11px Tahoma, arial, sans-serif;
  546.     height: 21px;
  547.     width:15px;
  548.     text-decoration: none;
  549.     outline: none; /* hide dotted outline in Firefox */
  550. }
  551. /*Active State*/
  552. a.button_dropdown_left_active {
  553.     background: transparent url('G_button_dropdown_middle.gif') no-repeat scroll -42px right;
  554.     color: #383838;
  555.     display: block;
  556.     font: normal 11px Tahoma, arial, sans-serif;
  557.     height: 21px;
  558.     padding-right: 10px; /* sliding doors padding */
  559.     text-decoration: none;
  560.     outline: none; /* hide dotted outline in Firefox */
  561.     float: left;
  562. }
  563. a.button_dropdown_left_active .bt_left {
  564.     background: transparent url('G_button_span.gif') no-repeat -42px left;
  565.     display: block;
  566.     line-height: 11px;
  567.     padding: 5px 0 5px 10px;
  568.     outline: none; /* hide dotted outline in Firefox */
  569.     ;
  570. }
  571. a.button_dropdown_left_active .bt_left .label {
  572.     text-align:center;
  573.     display:block;
  574. }/*change the left and right padding to increase the button width*/
  575. a.button_dropdown_right_active {
  576.     background: transparent url(G_button_dropdown_right.gif) no-repeat scroll -42px right;
  577.     color: #222222;
  578.     display: block;
  579.     font: normal 11px Tahoma, arial, sans-serif;
  580.     height: 21px;
  581.     width:15px;
  582.     text-decoration: none;
  583.     outline: none; /* hide dotted outline in Firefox */
  584. }
  585. /* Progress bar */
  586. .progress_sp_bar_s {
  587.     padding-right: 5px;
  588.     display: block;
  589.     font-weight:bold;
  590.     margin-top: 1px;
  591.     color:white;
  592. }
  593. .progress_sp_emptybar_s {
  594.     padding-left: 5px;
  595.     color:#1d589c;
  596.     font-weight:bold;
  597.     white-space: nowrap;
  598. }
  599. .detail_box_body_internet_speed {
  600.     border-right:1px solid #ccc;
  601.     border-left:1px solid #ccc;
  602.     margin:0;
  603.     padding:5px 10px;
  604.     background-color:#f7f7f7;
  605.     height: 87px;
  606. }
  607.  
  608. /**************Tip*********/
  609. .tip{
  610.     width:100%;
  611.     margin-top: 10px;
  612. }
  613. .tip td{
  614.     padding:0
  615. }
  616. td.tip_box_body {border-left:1px solid #ebd775; border-right:1px solid #ebd775; background-color:#fffdf2; padding: 0 7px;}
  617. .tip .tip_icon{margin-right:5px;}